<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>分销中心</title>
    <link rel="stylesheet" href="../css/style.css">
    <link rel="stylesheet" href="../css/distribution-center.css">
</head>

<body>
    <!-- 分销中心页面 -->
    <div class="wrap">
        <!-- 标题头部 -->
        <header>
            <div class="top-fixed">
                <div class="head">
                    <p class="back"></p>
                    <p class="page-title">分销中心</p>
                </div>
            </div>
        </header>
        <!-- 页面内容 -->
        <div class="content">
            <img src="../image/bg-distribution.png" alt="">
            <!-- 个人信息 -->
            <div class="msg-content">
                <div class="personal-msg">
                    <!-- 头像部分 -->
                    <div class="person-name">
                        <div class="photo-cue">
                            <img src="../image/img.png" alt="">
                            <p class="cue"></p>
                        </div>
                        <p class="name">安安</p>
                        <p class="degree-msg">
                            <span>当前等级:</span>
                            <span class="degree">达人</span>
                        </p>
                    </div>
                    <!-- 收益 -->
                    <div class="person-earnings">
                        <div class="earnings">
                            <p class="now-earnings">10.00</p>
                            <span>今日收益(元)</span>
                        </div>
                        <div class="earnings">
                            <p class="sum-earnings">45.25</p>
                            <span>总收益(元)</span>
                        </div>
                    </div>
                    <!-- 展开详细信息 -->
                    <ul class="details">
                        <li>
                            <div class="order-num">
                                <div>
                                    <p class="now-order-num">0</p>
                                    <span>今日推广订单</span>
                                </div>
                                <div>
                                    <p class="sum-order-num">0</p>
                                    <span>总推广订单</span>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="user-num">
                                <div>
                                    <p class="now-user-num">0</p>
                                    <span>今日新增用户</span>
                                </div>
                                <div>
                                    <p class="sum-user-num">0</p>
                                    <span>累计用户</span>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="invite-num">
                                <div>
                                    <p class="now-invite-num">0</p>
                                    <span>今日邀请新增</span>
                                </div>
                                <div>
                                    <p class="sum-invite-num">0</p>
                                    <span>累计邀请</span>
                                </div>
                            </div>
                        </li>
                    </ul>
                    <!-- 提现金额 -->
                    <div class="withdraw">
                        <div>
                            <span class="withdraw-title">可提现金额(元)</span>
                            <span class="withdraw-sum">35.25</span>
                        </div>
                        <p class="close-button" id="open-close-button"></p>
                    </div>
                </div>
            </div>
            <!-- 推广卖货 -->
            <div class="push-goods">
                <p class="push-goods-title">推广卖货</p>
                <ul>
                    <li>
                        <div class="push-wrap">
                            <div class="push-name">
                            <p>推广商品</p>
                            <span>佣金赚不停</span>
                            <img src="../image/icon-distribution1.png" alt="">
                            </div>
                            <div class="push-name">
                            <p>邀请好友</p>
                            <span>邀请达人赚佣金</span>
                            <img src="../image/icon-distribution3.png" alt="">
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="push-wrap">
                            <div class="push-name">
                            <p>分享平台</p>
                            <span>别人点火锅你赚钱</span>
                            <img src="../image/icon-distribution2.png" alt="">
                            </div>
                            <div class="push-name">
                            <p>新手教学</p>
                            <span>叫你赚取更多佣金</span>
                            <img src="../image/icon-distribution4.png" alt="">
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <!-- 页面尾部 -->
        <footer>
            <div class="footer-content">
                <span><a href="../index.html">回到首页</a></span>
                <p></p>
                <span><a href="#">个人中心</a></span>
            </div>
        </footer>
    </div>
</body>
<script type="text/javascript" src="../js/distribution-center.js"></script>
</html>